Welcome to the InstallShield Wizard for Xara 
Nem Webstyie 3.0 
VEAZION 2 


tess, 


Installeer Xara Webstyle 3.0. 


Het hoofdmenu van Xara Webstyle. 


Voor sommigen is het een koud kunstje om fantastische webdesigns te maken, anderen heb- 


ben daar wel meer moeite mee. Xara Webstyle speelt daarop in en biedt je de mogelijkheid 


om — zonder dat je zelf hoeft te tekenen — allerlei afbeeldingen voor je webpagina te ont- 


werpen. Aan de hand van deze workshop maken we een mooi logo. 


van je webstek mag dan nog zo interessant, leuk, vindingrijk 

en grappig zijn, als je webpagina’s er niet leuk uitzien doet dat 
veel af aan de waarde ervan. Een minder doortastende surfer zou 
dan al snel andere oorden durven opzoeken. Nu is natuurlijk niet 
iedereen even artistiek aangelegd. Met behulp van Xara kan je daar 
alvast een mouw aan passen. Naast logo’s kan je ook menubalken, 
knoppen, banners of volledige sets, die gebaseerd zijn op een be- 
paald thema, maken. Xara biedt je telkens een galerij waar je een 
basisontwerp uit kan kiezen. Aan de hand van een aantal stappen 
kan je het basisontwerp vervolgens aanpassen aan je eigen wensen… 


= en website staat of valt met de presentatie ervan. De inhoud 


Stap 1 
Installatie 


Xara Webstyle vind je op de achtste 
Clickx cd-rom, die bij dit nummer 
zit. Klik op XARA, kies dan voor XARA 
WEBSTYLe 3 en de installatiewizard 
schiet in gang. Volg de stappen die 
je doorheen het installatieproces lei- 
den. Daarbij hoef je niets te veran- 
deren. Klik dus gewoon op VOLGEN- 
DE. Na de installatie verlaat je het 
menu van de Clickx cd-rom. Klik in 
je STARTMENU op Xara Webstyle 3.0 
om het programma te starten. 


The Instalstueid® \W/zand ved moctal Xa Websste 30 on 
wor correuter, To continue, chick Nest. 


Cancel 


Stap 2 
Starten maar 


De versie op de cd is een evaluatie- 
versie, bij het opstarten kies je dus 
voor RUN THIS TRIAL VERSION NOW. Je 
hebt dan 15 dagen de tijd om jezelf 
te overtuigen van de kwaliteiten van 
het programma. Vervolgens kom je 
in het hoofdmenu terecht. 

Hier kan je kiezen wat je wil doen. 
Wij willen een logo maken, dus ga je 
met je muisaanwijzer op de bol staan 
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die gemarkeerd is met Logos. In het midden van het scherm verschijnt 
alvast een voorbeeldje. Klik op de bol om je keuze te bevestigen. 


Stap 3 
Een ontwerp 


De eerste stap is het kie- 
zen van het basisontwerp. 
Onderaan in beeld ver- 
schijnen alle voorbeelden 
die je tot je beschikking 
hebt. Het gaat hier om 
een evaluatieversie, dus 
gelden er wel beperkin- 
gen qua keuzemogelijk- 
heden. Je kan enkel de de- 
signs kiezen waar een rood vinkje naast staat. Links in beeld heb 
je een aantal SEARCH FILTERS waarmee je op zoek kan gaan naar 
een ontwerp dat je bevalt. De eerste filter staat al ingesteld op 
Logos. Als je de dropdown-lijst opent, zie je dat je ook van hieruit 
voor een ander soort ontwerp kan kiezen. Met behulp van de 
filters bepaal je of je tekst bij je logo wil of niet, of het logo een 
2D- of 3D-aanzicht moet hebben, of het een vierkant of rond logo 
moet zijn, enz. Wanneer je tevreden bent met je keuze, duid je het 
logo aan zodat het bovenaan in beeld verschijnt. Links in beeld is 
een menubalk te zien. Die menubalk duidt de stappen aan die je 
moet doorlopen om je ontwerp te vormen. Wij bevinden ons nu in 
de tweede stap: DesicNs. Klik dus op TEXT om naar de volgende 


stap te gaan. 


Fort 
Unpact Regular 
Verdana 
Verdana Cursief 
Verdana Vet 


Kies een ontwerp aan de hand van filters. 


Stap 4 
Tekst aanpassen 


Nu kunnen we beginnen met 
het aanpassen van het logo 

Verdana Vet Cursief 
naar onze persoonlijke wi „ 
smaak. Klik op ADVANCED om ELEN 8 
alle opties in beeld te brengen. Sd 
Onder SELECT TEXT TO EDIT 
kan je aanduiden welke tekst 
je wil aanpassen. Met Posr- 


Wirgdngn 
Sgeinponts 10 
Letme opaca (oema) 20 


1 


Bepaal hoe de tekst van je logo er 
moet uitzien. 


TION kan je de horizontale en verticale positie van de tekst en het 
logo aanpassen. Rechts kan je kiezen tussen een heleboel Fonts. 
De LETTER SPACE is de ruimte tussen de afzonderlijke letters, met 
Aspect kan je de tekst uitrekken of samendrukken. Ben je tevre- 
den over de het type, de grootte en de positie van je letters, klik dan 
links in beeld op de knop Coror. 


Stap 5 
Kleurtjes kiezen 


Net als bij de vorige stap heb je — afhankelijk van het gekozen logo — 
onderaan in beeld een aantal onderdelen die je afzonderlijk kan in- 
stellen. Zo kan je het logo geel 
€ kleuren, de achtergrond rood en 
de tekst groen. Wat voor effect dat 
zou geven, daar willen we ons 
niet over uitspreken. Met een 
druk op ADVANCED kan je desge- 
wenst de RGB-waarden van een 
kleur intikken. Je kan ook het 
kleurenspectrum wijzigen, maar 
voor de meesten onder ons zul- 
len de vele basiskleuren al ruim- 
schoots voldoende zijn. 


Allemaal kleurtjes… 


Stap 6 
Achtergrond en schaduw 


De volgende stap in het rijtje is 
TEXTURE. Vind je een egaal blau- 
we achtergrond nogal saai, dan 
is het een koud kunstje om die 
te veranderen in een marmeren, 
houten of grijsgespikkelde ach- 
os tergrond. Hierbij wordt gebruik 


Te +, | _gemaakt van jpg-afbeeldingen, 
Se ls a : dus niets belet je om de scanner 
- or vee | in de hand te nemen en je be- 

ae) hangpapier als achtergrond te 


gebruiken. Ben je tevreden over 
de achtergrond, klik dan op SHA- 
pow. Met Shadow kan je — uiteraard — de schaduw van je logo bepa- 
len. Klik op de T’s om de verschillende mogelijkheden te bekijken. 
Wil je de sterkte van de lichtbron en de hoek van de lichtinval bepa- 
len, druk dan op ADVANCED. Daar kan je desgewenst ook aangeven dat 
je geen schaduw wilt. Kies dan onder Type voor NONE. 


Bepaal heel precies de schaduw ach- 
ter je logo. 


Stap 7 
Groot, groter, grootst 


De laatste stap in het ontwik- _ sm=r= 
kelingsproces is Size. Hierbe- É 
paal je de grootte van je logo. 
Xara werkt met vector gra- 
phics. Dat wil zeggen dat je 
geen kwaliteitsverlies hebt 
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Hoe groot moet de afbeelding zijn? 


wanneer je een afbeelding vergroot. Een grote afbeelding neemt wel 
meer ruimte in. Doorgaans moet de standaardgrootte wel voldoen. 
Gebruik de schuifbalk om de grootte te bepalen of geef zelf het aan- 
tal pixels in. 


Stap 8 
Bewaar je werk 


Tot slot klik je op SAve. Zoals gezegd wordt Webstyle gebruikt om 
webpagina’s op te fleuren. Voor een website zal je dus — naast een logo 
— ook nog een menu, titelbalk enzovoort nodig hebben. Het is han- 
dig om al die bestanden samen te bewaren. Daarom klikken we op 
New PROJECT. Zo’n project maakt jammer genoeg geen aparte map 
op je harde schijf aan, maar dient enkel om het overzicht binnenin 
Xara zelf te behouden. Geef jouw project een naam — de naam van je 
website bijvoorbeeld — en druk op OK. Kies voor een bestandstype en 
bepaal de kwaliteit van je afbeelding. Hoe beter de kwaliteit, hoe gro- 
ter de afbeelding. De grootte van de afbeelding wordt onderaan in 
beeld weergegeven. Zodoende kan je in het oog houden of het bestand 
niet té groot wordt. Wil je nog meer instellingen wijzigen, druk dan 
op ADVANCED. Daar kan je onder meer nog de kleurdiepte bepalen. 
Klik zeker ook eens op BROWSER PREVIEW. Die knop toont je logo zo- 
als het op de webpagina zal verschijnen. Verder krijg je allerlei infor- 
matie over de afbeelding te zien én de geschatte laadtijd voor modem- 
en breedbandaansluitingen. Erg handig. 
Klik op SAVE GRAPHIC om je logo op te 


Wostyle Browser Preview 
slaan. Kies de folder waar je het logo wil > 


opslaan. We zouden je aanraden om een 
nieuwe map aan te maken, en die dezelf- 
de naam te geven als je project. Met een 
laatste klik op SAVE wordt je logo bewaard. 
Xara vertelt je nog onder welk project en 
welke map je logo bewaard is. Die map 
moet je onthouden als je het logo later in 
je website wil opnemen. 


Je logo zoals het verschijnt 
in de webbrowser. 


Stap 9 
Nog iets veranderen? 


Zo, je hebt nu een logo gemaakt. Waar vinden we dat logo nu terug? 
Ga naar het hoofdmenu door linksboven op START te klikken. Kies 
voor LOAD. Dat opent de map met al je projecten. Voorlopig staat daar 
enkel het project waarin je het logo hebt bewaard. Door op die map te 
dubbelklikken krijg je alle afbeeldingen te zien die je al hebt aange- 
maakt. Duid je nu het logo aan, dan verschijnen links in beeld alle 
stappen die we zonet doorlopen hebben. Op die manier kan je later 
zonder problemen het logo opnieuw aanpassen. Wil je een externe 
afbeelding openen, dan klik je op IMPORT. 
Heb je een leuk logo ontworpen en wil je nu wel eens een menubalk 
ineenknutselen? Geen probleem, alle mogelijkheden van Xara verlo- 
pen volgens hetzelfde patroon. Je kiest een basisontwerp, dat je dan 
aanpast naargelang je eigen wensen. Ga gerust wat experimenteren. 
Vergeet niet om een geslaagd ontwerp bijtijds te bewaren! Verder is 
er ook een helpfunctie waar je best wat informatie in vindt. Ga maar 
eens naar het hoofdmenu en klik rechtsboven op het icoontje getiteld 
TELL ME MORE. Rest ons enkel je veel plezier te wensen bij het ont- 
werpen van je flitsende website! 

— Benjamin Carlier — 
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